<!-- 父组件 -->
<script setup>
// 引入 子组件
import ButtonCounter from '@/components/homeWork/child/ButtonCounter.vue'

// 引用 api
import { ref } from "vue";

// 父组件数值
const parentCount = ref(0)

// 内容
const content = ref(`父组件中的计数值：${parentCount.value}`)

// 接收数值
function getCount(number) {
    parentCount.value = number
    content.value = `父组件中的计数值：${parentCount.value}`
}
</script>

<template>
    <!-- 注册子组件 -->
    <ButtonCounter @get-count="getCount" />
    <br>
    <!-- 父组件 -->
    {{ content }}
</template>